<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
%>

<!DOCTYPE HTML>
<html>
<head>
<jsp:include page="/views/resource/common/common.jsp"></jsp:include>
<style type="text/css">
.add {
	background-image: url(../resource/images/add.gif) !important;
}

.edit {
	background-image: url(../resource/images/add.gif) !important;
}

.delete {
	background-image: url(../resource/images/delete.gif) !important;
}

.x-grid-cell,.x-grid-row,.x-selectable,.x-selectable * {
	-moz-user-select: -moz-all !important;
	-khtml-user-select: text ! important;
	-webkit-user-select: text ! important;
}


</style>
<script type="text/javascript" src="<%=path%>/views/demo/crud/query.js"></script>
<script type="text/javascript">
Ext.view.TableChunker.metaRowTpl = [
                                    '<tr class="' + Ext.baseCSSPrefix + 'grid-row {addlSelector} {[this.embedRowCls()]}" {[this.embedRowAttr()]}>',
                                    '<tpl for="columns">',
                                    '<td class="{cls} ' + Ext.baseCSSPrefix + 'grid-cell ' + Ext.baseCSSPrefix + 'grid-cell-{columnId} {{id}-modified} {{id}-tdCls} {[this.firstOrLastCls(xindex, xcount)]}" {{id}-tdAttr}><div class="' + Ext.baseCSSPrefix + 'grid-cell-inner" style="{{id}-style}; text-align: {align};">{{id}}</div></td>',
                                    '</tpl>',
                                    '</tr>'
                                ];

                        Ext.core.Element.prototype.unselectable = function() {
                                    var me = this;
                                    if (me.dom.className.match(/(x-grid-table|x-grid-view)/)) {
                                        return me;
                                    }
                                    me.dom.unselectable = "on";
                                    me.swallowEvent("selectstart", true);
                                    me.applyStyles("-moz-user-select:none;-khtml-user-select:none;");
                                    me.addCls(Ext.baseCSSPrefix + 'unselectable');
                                    return me;
                                };
</script>
<title>crud</title>
</head>
<body>
	<div id="main_div"></div>
</body>
</html>
